/* 取消滚动条样式 */
.NoticeOfShipment::-webkit-scrollbar {
  display: none;
}

.NoticeOfShipment {
  box-sizing: border-box;
  padding: 0.625rem;
  width: 100%;
  height: 92vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgb(4, 30, 55);
  overflow: auto;

  .cont-left {
    width: 35%;
    height: 85vh;
  }

  .cont-rit {
    width: 63%;
    height: 85vh;
  }

  .title {
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.225rem 0 0.225rem 0.9375rem;
    font-size: 0.95rem;
    background-image: linear-gradient(to right, rgb(14, 109, 186), rgb(3, 69, 131));
  }

  .function, .from, .table, .table-foot, .from2, .table2 {
    width: 100%;
    background-color: rgb(4, 55, 93);
    border-radius: 0.3125rem;
    overflow: hidden;
    margin-bottom: 0.9375rem;
    box-shadow: 0.125rem 0.125rem 0.0625rem #000;

    .info {
      box-sizing: border-box;
      padding: 0.9375rem;

      :deep(.is-guttered) {
        color: #fff;
        font-size: 0.875rem;
        line-height: 1rem;
        box-sizing: border-box;
        padding-bottom: 0.375rem;
      }

      /* 表格行背景颜色 */

      :deep(.el-table tr) {
        background-color: rgb(4, 55, 93);
        color: #fff;
      }

      /* 表格行移入颜色 */

      :deep(.el-table--enable-row-hover .el-table__body tr:hover > td ) {
        background-color: #ff99004a;
      }

      /* 表格标题颜色 */

      :deep(.el-table th.el-table__cell) {
        background-color: rgb(4, 30, 55);
        font-weight: 700;
      }

      /* 表格样式 */

      :deep(.el-table) {
        --el-table-border-color: none;
        background-color: transparent;
        height: 20rem;
      }

      /* 表格行边框颜色 */

      :deep(.el-table td, .el-table th) {
        border: 0.052083rem solid rgb(4, 30, 55) !important;
      }

      /* 设置多行输入框样式 */

      :deep(.el-textarea) {
        margin: 0.78125rem 0;
      }

      :deep(.el-textarea__inner) {
        background-color: rgb(4, 30, 55);
        color: #fff;
        width: 100%;
        height: 2.604167rem;
        text-align: center;
        line-height: 2.604167rem;
      }

      :deep(.el-textarea__inner::-webkit-scrollbar) {
        display: none;
      }

      .table-head-botton {
        width: 100%;
        display: flex;

        button {
          outline: none;
          border: 0.052083rem solid rgb(4, 55, 93);
          background-color: rgb(4, 30, 55);
          color: #fff;
          padding: 0.260417rem;
          border-radius: 0.260417rem 0.260417rem 0 0;
          border-bottom: none;
        }
      }
    }
  }

  .table2 {
    /* 表格样式 */
    :deep(.el-table) {
      --el-table-border-color: none;
      background-color: transparent;
      height: 20rem !important;
    }
  }

  .function {
    padding: 1.25rem 0.9375rem;
  }

  .table {
    padding: 0 0 1.25rem 0;
    overflow: auto !important;
  }

  .table::-webkit-scrollbar {
    display: none;
  }

  .table-foot {
    height: 4rem;

    :deep(.el-input__wrapper) {
      background-color: rgb(9, 93, 164);
    }
  }
}

.from {
  height: 10rem;
}

.footName {
  overflow: hidden;
  background-color: rgb(4, 30, 55);
  padding: 0 0.78125rem 0 0.78125rem;
  box-sizing: border-box;
  height: 6vh;

  :deep(.is-guttered) {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1rem;
    box-sizing: border-box;
    padding-bottom: 0rem !important;
    padding-top: 1.041667rem;
  }
}

:deep(.el-form-item__label) {
  font-size: 0.75rem;
  color: #fff;
}

:deep(.el-input__wrapper) {
  background-color: rgb(9, 93, 164);
}

:deep(input::placeholder) {
  color: #fff;
}

.iconw {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.15625rem;
}

:deep(.el-input__inner) {
  color: #fff;
}

.select-cont {
  :deep(.el-table) {
    --el-table-border-color: none;
    height: 13rem;
  }

  :deep(.el-input__wrapper) {
    background-color: rgb(255, 255, 255) !important;
  }

  :deep(.el-input__inner) {
    color: #000 !important;
  }

  .table {
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
    background-color: #fff;
  }

  :deep(.el-form-item__label) {
    color: #606266;
  }

  .tab {
    display: flex;
    padding-left: 0.2rem;
    margin-top: 0.7rem;

    .li {
      width: 6.125rem;
      height: 1.3rem;
      background-color: rgb(235, 236, 239);
      line-height: 1.3rem;
      text-align: center;
      margin: 0.1rem;
      border-radius: 0.3125rem 0.3125rem 0 0;
    }
  }
}

:deep(.el-pager li) {
  background-color: transparent;
  color: #fff;
  border: 0.0625rem solid #fff;
  margin: 0 0.1875rem;
}

:deep(.el-pagination button) {
  background-color: rgb(4, 55, 93);
  color: #fff;
}

:deep(.el-pagination__total) {
  color: #fff;
}

:deep(.el-input.is-disabled .el-input__inner) {
  -webkit-text-fill-color: #000;
}
